<template>
  <div class="arena-item">
    <div class="arena-name">{{data.arena_part}}</div>
    <div class="arena-time">{{data.time_fragment}}</div>
  </div>
</template>

<script>
  export default {
    name: 'ArenaItem',
    props: {
      data: {
        type: Object
      }
    }
  }
</script>

<style lang="less" scoped>
.arena-item{
  text-align: center;
}
</style>